<template>
  <div class="default-box">
    <el-form :model="informationForm" label-position="right" label-width="100px">
      <el-form-item label="旅游标题">
        <el-input v-model="informationForm.title" placeholder="请输入旅游标题" />
      </el-form-item>
      <el-form-item label="热门景点">
        <el-checkbox-group v-model="informationForm.status">
          <el-checkbox label="1">热门</el-checkbox>
          <el-checkbox label="2">上架</el-checkbox>
        </el-checkbox-group>
      </el-form-item>
      <el-form-item label="排序">
        <el-input v-model="informationForm.title" placeholder="请输入排序" />
      </el-form-item>
      <el-form-item label="城市">
        <el-select v-model="informationForm.optionvalue" placeholder="请选择省份">
          <el-option v-for="item in informationForm.options" :key="item.value" :label="item.label" :value="item.value" />
        </el-select>
        <el-select v-model="informationForm.optionvalue" placeholder="请选择城市">
          <el-option v-for="item in informationForm.options" :key="item.value" :label="item.label" :value="item.value" />
        </el-select>
      </el-form-item>
      <el-form-item label="排序">
        <el-input v-model="informationForm.title" placeholder="请输入排序" />
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">提交</el-button>
        <el-button>重置</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
export default {
  name: 'Recycle',
  data() {
    return {
      informationForm: {
        title: '',
        status: [],
        optionvalue: '',
        options: [{
          value: '广东省',
          label: '广东省'
        },
        {
          value: '湖南省',
          label: '湖南省'
        }]
      }
    }
  },
  created() {
  },
  methods: {
    // 重置
    handlReset() {
      this.listQuery.account = ''
    },
    // 搜索
    handleFilter() {
      this.getList()
    }
  }
}
</script>
<style scoped>
  [class^=el-icon-], [class*=" el-icon-"]{
    font-size: 16px;
  }
  .small-padding i{
    margin-right: 12px;
  }
  .small-padding i:last-child{
    margin-right: 0px;
  }
</style>
